<template>
  <cu-layout :navProp="{ placeholder: true }" :bgStyle="{ color: '#ffffff' }">
    <view :class="[`${prefixCls}-template-container`]">
      <view class="empty-state">
        <p class="title-state">暂无看房记录</p>
        <p class="title-tips">暂无看房记录，可扫码进行看房哦。</p>
        <cu-empty mode="data" text=" "> </cu-empty>
        <view class="button" @click="$ROUTE.go('/pages/main/home')">去看房</view>
      </view>
    </view>
  </cu-layout>
</template>

<script>
import { mapActions, mapGetters } from 'vuex'

export default {
  name: 'componentName',
  components: {},
  mixins: [],
  props: {},
  data() {
    return {}
  },
  // 侦听属性
  watch: {},
  // 计算属性
  computed: {
    ...mapGetters([]),
  },
  // 监听页面加载，该钩子被调用时data,computed,function,watch,props,slots已设置完成
  onLoad(options) {},
  // 监听页面显示，页面每次出现在屏幕上都触发
  onShow() {},
  // 监听页面初次渲染完成，此时组件已挂载完成
  onReady() {},
  // 下拉刷新
  onPullDownRefresh() {},
  // 加载更多
  onReachBottom() {},

  created() {},
  mounted() {},
  destroyed() {},
  methods: {
    ...mapActions([]),
  },
}
</script>

<style lang="scss" scoped>
page {
  background: white !important;
}
.#{prefixCls('template-container')} {
  position: relative;
  background: white;
  box-sizing: border-box;
  padding: 48rpx 40rpx;
  .empty-state {
    .title-state {
      font-size: 27px;
      font-weight: bold;
      color: #0f0f0f;
      margin-bottom: 32px;
    }
    .title-tips {
      font-size: 14px;
      color: #202020;
    }
    .button {
      width: 100%;
      text-align: center;
      padding: 12px 0;
      font-weight: 600;
      font-size: 16px;
      color: $uv-primary;
      border: 2rpx solid $uv-primary;
      border-radius: 8rpx;
    }
  }
}
</style>
